<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/popup.css"/>
    <link rel="stylesheet" href="../css/QA.css"/>
    <script src="../js/JQuery%201.9.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/QAList.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/jquery.tmpl.min.js"></script>
    <script src="../js/yingSoftPopup.js"></script>
    <script src="../js/yingSoftPrg.js"></script>
    <script src="../js/jquery.page.js"></script>
</head>
<body>
<div class="container" >
   <br>
    <a href="knowledge.html" class="PreClassLearning">课前学习</a>
    <span class="QA">&raquo;你问我答</span>
    <br>
    <br>
    <div class="input-group">
        <input type="text" class="form-control" id="search" style="width:800px;left:120px;" >
        <button type="button" class="btn btn-primary" style="position:absolute;left:920px;width:100px;border-radius: 0;" id="searching">搜索</button><br>
        <div id="searchCountStyle" style="display: none">
            <span>共</span>
            <span id="searchCount"></span>
            <span>条结果</span>
        </div>
    </div>
    <div class="container" style="margin-top: 25px" id="questionDetails">
        <div style="margin-top:15px;margin-bottom:5px;">
            <ul class="nav nav-tabs nav-justified" style="width:30%"  id="ul-title">
                <li role="presentation" class="active" id="li_new"><a href="#">等你来答</a></li>
                <li role="presentation" id="li_upload"><a href="#" >已解决</a></li>
            </ul>
        </div>
        <div class="divider bg-yt" style="height: 3px"></div>
        <div class="panel panel-default">
            <div class="panel-body">
                <!-- 等你来答列表-->
                <div id="tab_new">
                    <table class="table table-striped text-center" >
                        <thead>
                        <tr class="bg-yt">
                            <th class="text-center">标题</th>
                            <th class="text-center">回答数</th>
                            <th class="text-center">提问时间</th>
                        </tr>
                        </thead>
                        <tbody id="newQuestion">

                        </tbody>
                    </table>
                    <div class="text-center message">

                    </div>
                    <nav class="text-center">
                        <ul class="pagination">

                        </ul>
                    </nav>
                </div>
                <!-- 等你来答列表end-->
                <!-- 已解决列表-->
                <div id="tab_end">
                    <table class="table table-striped text-center">
                        <thead>
                        <tr class="bg-yt">
                            <th class="text-center">标题</th>
                            <th class="text-center">回答数</th>
                            <th class="text-center">回答时间</th>
                        </tr>
                        </thead>
                        <tbody id="solvedQuestion">

                        </tbody>

                    </table>
                    <div class="text-center message">

                    </div>
                    <nav class="text-center">
                        <ul class="pagination">

                        </ul>
                    </nav>
                </div>
                <!-- 已解决列表end-->
            </div>
        </div>
    </div>
    <!-- 搜索结果列表-->
    <div class="container" id="searchBox" style="padding-top:50px;display: none">
        <div class="panel panel-default" id="searchResult">

        </div>
    </div>
    <!-- 搜索结果列表end-->
</div>
<!--等你来答填充模板-->
<script type="text/x-jquery-tmpl" id="questionTmpl">
    <tr>
    <td class="hide questionID">${questionID}</td>
    <td><a class="question">${title}</a></td>
    <td>${answerCount}</td>
    <td>{{= questionTime}}</td>
    </tr>
</script>
<!--等你来答填充模板end-->
<!--已解决填充模板-->
<script type="text/x-jquery-tmpl" id="solveTmpl">
    <tr>
    <td class="hide questionID">${questionID}</td>
    <td><a class="solvedQuestion">${title}</a></td>
    <td>${answerCount}</td>
    <td>{{= questionTime}}</td>
    </tr>
</script>
<!--搜索结果显示模板-->

<!--搜索结果显示模板end-->
</body>
</html>